---
title: AI SDK UI
description: Learn about the Vercel AI SDK UI.
---

# AI SDK UI

<IndexCards
  cards={[
    {
      title: 'Overview',
      description: 'Get an overview about the Vercel AI SDK UI.',
      href: '/docs/ai-sdk-ui/overview',
    },
    {
      title: 'Chatbot',
      description: 'Learn how to integrate an interface for a chatbot.',
      href: '/docs/ai-sdk-ui/chatbot',
    },
    {
      title: 'Chatbot with tool calling',
      description:
        'Learn how to integrate an interface for a chatbot with tool calling.',
      href: '/docs/ai-sdk-ui/chatbot-with-tool-calling',
    },
    {
      title: 'Completion',
      description: 'Learn how to integrate an interface for text completion.',
      href: '/docs/ai-sdk-ui/completion',
    },
    {
      title: 'Object Generation',
      description: 'Learn how to integrate an interface for object generation.',
      href: '/docs/ai-sdk-ui/object-generation',
    },
    {
      title: 'OpenAI Assistants',
      description: 'Learn how to integrate an interface for OpenAI Assistants.',
      href: '/docs/ai-sdk-ui/openai-assistants',
    },
    {
      title: 'Storing Messages',
      description: 'Learn how to store messages.',
      href: '/docs/ai-sdk-ui/storing-messages',
    },
    {
      title: 'Streaming Data',
      description: 'Learn how to stream data.',
      href: '/docs/ai-sdk-ui/streaming-data',
    },
  ]}
/>
